<!DOCTYPE html>
<html>
<head>
  <title>WEBRTC Demo</title>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href='./css/bootstrap.css' rel="stylesheet">
  <link href='./css/style.css' rel='stylesheet'>
  <link rel="stylesheet" href="../assets/css/pure-min.css">
  <link rel="stylesheet" href="../assets/css/baby-blue.css">
  <style>
      #remote-video-wrap div{max-width:400px;display: inline-block;padding:10px}
  </style>
</head>
<body>
  <div style="width:600px;" >
    <video id="video" autoplay></video>
    </div>
  <button onclick="gum('1440 x 960')"> 1440 x 960 </button>
  <button onclick="gum('1280 x 960')"> 1280 x 960 </button>
  <button onclick="gum('1024 x 768')"> 1024 x 768 </button>
  <button onclick="gum('1280 x 720')"> 1280 x 720 </button>
  <button onclick="gum('640 x 480')"> 640 x 480 </button>
  <button onclick="gum('400 x 400')"> 400 x 400 </button>
  <!-- RTC  -->

  <!-- jquery Demo用到，WebRTCAPI不依赖 -->
  <script src="../assets/libs/jquery.min.js"></script>
  <!-- demo 部分 -->
  <script src="../dist/WebRTCAPI.min.js"></script>
  <script>
    document.write('<script src="./js/index.js?v='+new Date()+'" type="text/javascript"></scr'+'ipt>')
  </script>
    <script>
        var _mtac = {"senseHash":0};
        (function() {
            var mta = document.createElement("script");
            mta.src = "//pingjs.qq.com/h5/stats.js";
            mta.setAttribute("name", "MTAH5");
            mta.setAttribute("sid", "500538821");
            mta.setAttribute("cid", "500538834");
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(mta, s);
        })();
    </script>
<!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-121844058-1"></script> <script>   window.dataLayer = window.dataLayer || [];   function gtag(){dataLayer.push(arguments);}   gtag('js', new Date());    gtag('config', 'UA-121844058-1'); </script></body>
</html>
